<template>
	<view class="content">
		<view class="title">
			『稳定情绪曲线，提升幸福基准线』
		</view>
<!-- 		<view v-for="(item,index) in audioList" :key="index">
			<multi-audio 
				:audioId="'a'+index"
				:audioData="item" 
			></multi-audio>
		</view> -->
		<imt-audio src="http://192.168.31.170:8000/1.mp3"></imt-audio>
		<view>
			<view class="introduction">通过「能量日记」对自己每天的情绪进行记录，并详细记录产生情绪的原因，来区分生活中那些会影响我们建立积极状态的事情。
			</view>
			<view class="introduction">
				坚持一段时间后，通过「档案」中各个周期的情绪曲线，了解自己的幸福基准线。
			</view>
		</view>
	</view>
</template>

<script>
	// import MultiAudio from "@/components/zxd-multi-audio/zxd-multi-audio.vue";
	import ImtAudio from "@/components/imt-audio/imt-audio.vue"
	export default {
		components:{
			ImtAudio
		},
		data() {
			return {
				audioList: [
					{
						duration: 250,
						asrc: 'http://192.168.56.1:8000/1.mp3'
					}
				]
			}
		},
	}
</script>

<style lang="scss">
	.content {
		.title {
			text-align: center;
			color: #F5F5F5;
			font-size: $uni-font-size-lg;
			margin: 20px 0;
		}
		.introduction {
			color: #F5F5F5;
			font-size: $uni-font-size-base;
			padding: 0 30px;
			margin: 20px 0;
		}
	}
</style>
